<template>
	<div>
		<van-row>
			<van-col span="10">
				<div style="text-align: left;font-size: 25px;">
					<van-nav-bar
					  left-text="&nbsp;乙肝疫苗"
					  left-arrow
					  @click-left="onClickLeft"
					/>
				</div>
			</van-col>
			<van-col span="14">
				<div style="margin-top: 15px;padding-right: 20px;text-align: right;">
					<van-icon name="ellipsis" size="22" @click="a()"/>&nbsp;
					<van-icon name="close" size="22" @click="b()"/>
				</div>
			</van-col>
		</van-row>
		<div>
			<van-row>
				<van-col span="4">
					<div style="margin-top: 15px;" @click="chooseCity()">
						{{citem}}
					</div>
					
				</van-col>
				<van-col span="20">
					<van-search v-model="value" placeholder="请输入搜索关键词"/>
				</van-col>
			</van-row>
		</div>
		<div>
			<img src="" style="width: 100%;height: 90px;"/>
		</div>
		<div style="margin-top: 5px;">
			<van-row>
				<van-col span="7">
					<div style="font-size: 20px;margin-top: 15px;">
						接种机构
					</div>
				</van-col>
				<van-col span="17"></van-col>
			</van-row>
			<van-row style="margin-top: 5px;">
				<van-col span="24">
					<van-dropdown-menu>
					  <van-dropdown-item v-model="value1" :options="option1" />
					  <van-dropdown-item v-model="value2" :options="option2" />
					  <van-dropdown-item v-model="value3" :options="option3" />
					</van-dropdown-menu>
				</van-col>
			</van-row>
		</div>
	</div>
</template>

<script>
	import { ref } from 'vue';
	export default {
		setup() {
			 const value1 = ref(0);
			    const value2 = ref('a');
			    const value3 = ref('x');
				
			    const option1 = [
			      { text: '中原区', value: 0 },
			      { text: '二七区', value: 1 },
			      { text: '金水区', value: 2 },
			    ];
			    const option2 = [
			      { text: '综合排序', value: 'a' },
			    ];
				const option3 = [
				  { text: '按机构类型', value: 'x' },
				  { text: '公立预约', value: 'y' },
				  { text: '私立预约', value: 'z' },
				];
			const onClickLeft = () => history.back();
			const value = ref('');
		    return {
				value1,
				value2,
				value3,
				option1,
				option2,
				option3,
				value,
				onClickLeft,
				 };
		  },
		data(){
			return{
				citem:this.$store.state.city
			}
		},
		methods:{
			a(){
				this.$toast.success('分享');
						  
			},
			b(){
				this.$router.push("/")
			},
			chooseCity(){
				this.$router.push("/city")
			}
		}
	}
</script>

<style>
</style>
